<template>
  <div class="header-container">
    <div class="wrapper">
<!--      logo区-->
      <div class="left-wrapper v-link selected">
        <img style="width: 50px" width="50" height="50" src="~assets/images/logo.png"/>
        <span class="text">尚医通 统一预约挂号平台</span>
      </div>
<!--      搜索框-->
      <div class="search-wrapper">
        <div class="hospital-search animation-show">
          <el-autocomplete class="search-input small"
                           prefix-icon="el-icon-search"
                           v-model="this.state"
                           :fetch-suggestions="queySearchAsync"
                           placeholder="点击输入医院名称"
                           @select="handleSelect">
            <span slot="suffix" class="search-btn v-link highlight clickable selected">搜 索</span>
          </el-autocomplete>
        </div>
      </div>
<!--      帮助中心区-->
      <div class="right-wrapper">
        <span class="v-link clickable">帮助中心</span>
        <span class="v-link clickable" @click="dialogUserFormVisible = true">登录 | 注册</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "myheader"
}
</script>

<style scoped>

</style>
